﻿<UserControl x:Class="OnlineBattlemat.PlayerPanel"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="Auto" Height="300">

    <UserControl.Resources>
        <Storyboard x:Name="CollapseAnimation" >
            <DoubleAnimation Storyboard.TargetName="LayoutRootTransform" 
                         Storyboard.TargetProperty="X"
                         From="0" To="150" Duration="0:0:0.2" />
        </Storyboard>
        <Storyboard x:Name="RestoreAnimation">
            <DoubleAnimation Storyboard.TargetName="LayoutRootTransform" 
                         Storyboard.TargetProperty="X"
                         From="150" To="0" Duration="0:0:0.2" />
        </Storyboard>

        <Style x:Key="PlayerPanelButtonStyle" TargetType="Button">
            <Setter Property="Width" Value="25"/>
            <Setter Property="Foreground" Value="White" />
            <Setter Property="FontWeight" Value="Bold" />

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border x:Name="brd1" CornerRadius="10" BorderBrush="DarkGoldenrod" BorderThickness="1">
                            <ContentPresenter x:Name="ButtonContent" VerticalAlignment="Center" HorizontalAlignment="Left" />
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                                    <GradientStop Color="Chocolate" Offset="0"/>
                                    <GradientStop Color="Brown" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>
                        </Border>
                    </ControlTemplate>

                </Setter.Value>
            </Setter>

        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot">
        <Grid.RenderTransform>
            <TranslateTransform x:Name="LayoutRootTransform" />
        </Grid.RenderTransform>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="15"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Button x:Name="x_ShrinkGrowButton" Click="x_ShrinkGrowButton_Click" Style="{StaticResource PlayerPanelButtonStyle}"  Content=">" />
        <Rectangle Stroke="DarkGoldenrod" Grid.Column="1" Opacity="0.8">
            <Rectangle.Fill>
                <LinearGradientBrush>
                    <GradientStop Color="Sienna" Offset="0"/>
                    <GradientStop Color="BurlyWood" Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <!--<Button x:Name="x_ShrinkGrowButton" Click="x_ShrinkGrowButton_Click" 
                Grid.Column="0" VerticalAlignment="Center" Content=">" Height="50"/> -->

        <StackPanel x:Name="x_PlayerListPanel" Grid.Column="1" Width="150" HorizontalAlignment="Right" Margin="0,10,0,10">

            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="10">
                <Image Width="35" Height="35" Source="images/token0.png" Stretch="Uniform"  />
                <TextBlock Text="Boris" HorizontalAlignment="Left" Margin="15"/>
            </StackPanel>
			
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="10">
                <Image Width="35" Height="35" Source="images/token1.png" Stretch="Uniform"  />
                <TextBlock Text="Zangold" HorizontalAlignment="Left" Margin="15"/>
            </StackPanel>
			
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="10">
                <Image Width="35" Height="35" Source="images/token2.png" Stretch="Uniform"  />
                <TextBlock Text="Quarion" HorizontalAlignment="Left" Margin="15"/>
            </StackPanel>
			
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="10">
                <Image Width="35" Height="35" Source="images/token3.png" Stretch="Uniform"  />
                <TextBlock Text="Thurik" HorizontalAlignment="Left" Margin="15"/>
            </StackPanel>
        </StackPanel>
    </Grid>
</UserControl>
